html, body ,#everything
{
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    overflow: hidden;
    display: flex;
	flex-direction: column;
}
#title
{
    width: 100%;
    height: 10%;
    background-color: cornflowerblue;
}
#center
{
    width: 100%;
    height: 90%;
    margin: 0; 
    padding: 0; 
    display: flex;
	flex-direction: row;
}
#functionBar
{
    width: 15%;
    height: 100%;
    margin: 0; 
    padding: 0; 
    background-color: cornflowerblue;
    display: flex;
	flex-direction: column;
}
.functionBar
{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
}
.functionBar :hover
{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    background-color: darkgray;
    cursor: pointer;
}
.functionBar p 
{
    margin: 0; 
    padding: 0;
    height: 50%;
}
#cesiumContainer
{
    width: 85%;
    height: 100%;
    margin: 0; 
    padding: 0; 
    display: flex;
    justify-content: center;
    position: relative;
}
#loading
{
    display: none;
    height: 100%;
    position: absolute;
    z-index: 9999;
}
#block
{
    height: 45%;
}